﻿@charset "utf-8";
body {font-family:microsoft yahei; margin:0; padding:0; font-size:14px; color:#4b4b4b; background:#FFF;}
*{list-style-type:none; margin:0; padding:0; /*border:0;*/ transition:color 0.4s,background 0.4s; -webkit-transition:color 0.4s,background 0.4s; -moz-transition:color 0.4s,background 0.4s;}
img, a img{vertical-align:bottom; max-width:100%;}
input,select,textarea{vertical-align:middle;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 0}
*{box-sizing:border-box;}

/* Link */
a{color:#000; text-decoration:none; }
a:hover {color:#008acb; text-decoration:none;}
/* Other */
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}
/* 首页部分开始 */

.mfbox{width:1200px; min-width:1100px; margin:0 auto; overflow:hidden;}
.mfbox .input{float:right;margin-top:40px;position:relative;}
.mfbox .input input{width:215px;height:30px;font-size:16px;border:1px solid rgb(160,160,160);}
.mfbox .input .btn1{cursor:pointer;position:absolute;top:1px;left:178px;width:38px;height:30px;background:rgb(11,57,132);color:white;text-align: center;font-size:14px;line-height:30px; border:none;}
.mfbox .input select{position:absolute;top:1px;right:20px;height:33px;border:1px solid rgb(120,120,120);font-size:16px;}
.header{width:100%; height:113px; border-bottom:1px solid #d0d1d3;}

.textbox{width:900px;margin:30px auto;text-align: center;margin-bottom:30px;}
.textbox h3{width:900px;margin:0 auto;text-align: center;font-size:32px;color:#000;font-weight: bold;padding:23px 0;}
.textbox span{font-size:18px;color:#666;}

.search{ float:right;}
.language{ float:right;}
.language li{ float:left; padding-left:10px; line-height:32px;}
.logo{float:left;}
.mfbox1{width:100% ;min-width:1100px;overflow:hidden;position:absolute;top:140px;}

.navBox{height:60px; background:#052c7d}
.navBox .menu{width: 1200px;height: 50px;line-height: 50px;margin: 0 auto;position: relative;z-index: 111;}
.navBox .menu li{margin-left:100px;  float: left;width: 130px;height: 60px;line-height: 60px;text-align: center; box-sizing: border-box;}
.navBox .menu li a{color: #fff;display: block;}
.navBox .menu li:hover{background-color: #479cbd;}
.navBox .menu li .second-nav{display:none;position: relative;}
.navBox .menu li .second-nav li{position: relative;width: 100%;height: 40px;line-height: 40px;background: #1c5ca0;border-top: 1px solid #096d32;float: none;margin-left:0;}

.indexProduct{clear: both; background: #fff; overflow: hidden; padding: 20px 0}


.footer{ clear: both; overflow: hidden;  background:#052c7d; padding: 15px 0}
.footer p{text-align: center; color: #fff; font-size: 13px;}

.indexBanner{ width: 100%; clear: both; overflow: hidden;}
.index-block{height: 100px; width: 100%}
.indexBanner img{ width: 100%;}
.flexslider{position:relative;overflow:hidden;z-index:99 ; width:100%;}
ul.slides{position:relative;z-index:1; width:100%; margin:0px; padding:0px;}
.slides li img{ width: 100%}
.slides li a{margin:auto; display:block; width:100%; }
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; top:0px; font-size:0px;}
.flex-direction-nav li a.flex-prev{left:50px;background:url(../image/ban_prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:50px;background:url(../image/ban_next.png) center center no-repeat;}
.indexTitle{
    margin: 0 auto;
    text-align: center;
    font-size: 32px;
    color: #000;
    font-weight: bold;
    padding: 30px 0;
}
.indexTitle span {display: block;font-size: 18px;color: #666; font-weight: normal; line-height: 50px}

.sbox{width: 1200px; margin: auto; overflow: hidden; height: 370px}
.service{clear: both; width: 1250px}
.service li{border: 1px #dbdbdb solid; width:285px; margin-right: 20px; float: left; height: 300px; position: relative;}
.service li i{background: #4ab0c7; display: block; height: 130px; line-height: 130px; color: #fff; display: block; text-align: center; font-size: 50px}
.service li h3{text-align: center; font-size: 20px; line-height: 50px; height: 50px}
.service li p{padding: 10px; color: #999;}
.service li span{display:block; background: #4ab0c7; height: 50px; width: 100px; text-align: center; color: #fff; line-height: 50px;
position: absolute; bottom: -25px; left: 92px}
.service li:hover span,.service li:hover i{ background: rgb(10,60,132)}

.msbox{background: url(../image/bg.png); height: 490px;}
.msbox ul li{float:left;margin-left:70px;position:relative;}
.msbox ul li span{font-size:36px;font-weight: bold;color:#FFFFFF;position:absolute;top:109px;left:176px;}
.msbox ul li p{font-size:18px;color:#333;position:absolute;top:79px;}

.product{clear: both; overflow: hidden;}
.product li{width:33.333%; float: left; margin-bottom: 30px;padding: 3px;}
.product li .pInfo{clear: both; height: 190px;background: #fff; }
.product li .pInfo .img{float: left; width: 170px; height: 170px; margin-top: 10px; margin-left: 10px}
.product li .pInfo .img img{width: 100%; height: 100%;transition: 0.5s; }
.product li .pInfo .imgRight{float: right; width: 190px; margin-top: 45px; margin-right: 10px}
.product li .pInfo .imgRight p{padding: 5px; font-size: 16px; color: #999;}
.product li .pInfo .imgRight span{ text-align: right; margin-top: 20px; display: block; text-decoration: underline; font-size: 12px }
.product li:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}

.inBanner{background: url(../image/p_banner.jpg) no-repeat center center; height: 505px; margin: auto; }
.inBanner h1{line-height: 400px; font-size: 60px; color: #fff;text-align: center; text-shadow: 5px 5px 10px #000}
.inBox{background:#f7f7f7; }

.tabMenu{clear: both; height: 50px; line-height: 50px; background: #f1f1f1}
.tabMenu a{padding: 0 15px; display: block; float: left;background: #1061c5;
    color: #fff;}
.tabMenu a.active{background: #1061c5; color: #fff}
.onepage{font-size: 14px; line-height: 180%; padding: 15px}
.onepage p{margin-bottom: 1em}

.error{color: #f00}
.null{ padding: 20px; text-align: center; }
.null img{height: 300px}

.newsBox{ padding: 15px; }
.news{ clear: both; overflow: hidden; border-bottom: 1px #ddd dotted; padding-bottom: 15px; margin-bottom: 15px}
.news .newsImage{ float: left; width: 200px; }
.news .newsInfo{margin-left: 230px;}
.news .newsInfo h4{font-size: 18px; margin-bottom: 15px; font-weight: bold;}

.article{padding: 0 35px 50px 0;border-bottom: 1px solid #e9e9e9}
.article .article-heaer{color: #262626;font-size: 38px;line-height: 60px;font-weight: 300;text-align: center;}
.article .article--meta{padding: 14px 0 0}
.article .article--meta .article--meta_item{display: inline-block;position: relative;font-size: 14px;color: #969696;margin: 10px 20px 0 0}
.article .article--meta .article--meta_item i{color: #59bcdb;margin-right: 5px}
.article .article--content{margin: 23px 0 0;font-size: 16px;line-height: 180%;color: #666666}
.article .split-line{margin: 50px}

.leftMenu{float: left; width: 260px; overflow: hidden; margin-bottom: 20px}
.leftMenu .fenlei{line-height: 30px;list-style: disc;}
.leftMenu li>ul{padding-left: 20px}
.leftMenu a{color: black;}
.leftMenu>li>a{ display: block; line-height: 34px; font-weight: bold; padding-left: 20px}
.leftMenu li.active a{color: #f00; font-weight: bold;}

.productList{float: right; width: 920px; overflow: hidden; margin-top: 20px}
.productList .list{ clear: both; overflow: hidden;}
.productList .list li{float: left; width: 33.333%; text-align: center; padding: 0px 15px 30px 15px;}
.productList .list li img{width: 100%; border: 1px #ddd solid; padding: 3px}
.productList .list li h1{font-size: 14px; font-weight: normal; height: 30px; line-height: 30px}
.productList .list li p{clear: both; height: 40px; overflow: hidden;}
.productList .list li p a{display: inline-block; background-color: #45a8eb; color: #fff; padding: 5px 10px; margin: 0 10px}

.productInfoBox{float:right; width: 920px; overflow: hidden; margin-top: 20px;}
.goodsImage{float: left; width: 400px;}
#showbox { background:#eee;}
#showbox span { background:url(../image/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}
.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.goodsBase{float: right; width: 460px; overflow: hidden;}
.goodsBase h1{font-size: 20px; padding: 10px 0px}
.goodsBase p{ padding: 10px 0 }
.goodsBase h2{padding-top: 20px; font-size: 14px}
.goodsBase h2 span{color: #f60; font-size: 30px; padding-left: 10px}

.share{clear: both; overflow: hidden; background-color: #f7f7f7; border: 1px #ddd solid; padding: 10px}
.share span{padding-right: 10px; color: #666}

.page{text-align: right;}


.kefu{position: fixed; right: 0; top: 300px; width: 175px; overflow: hidden; z-index: 999}
.kefu .hd{background: url(../image/kf1.jpg); height: 60px; text-align: right;}
.kefu .hd span{display: inline-block; width: 15px; height: 15px; margin-top: 3px; margin-right: 3px; cursor: pointer;}
.kefu .bd{background: url(../image/kf2.jpg); clear: both; overflow: hidden; margin-top: -20px}
.kefu .bd li{clear: both; padding:  5px 10px}
.kefu .fd{background: url(../image/kf3.jpg); height: 38px}
.kefu .quick{clear: both; text-align: center;}
.kefu .quick a{display: inline-block; width: 50px; height: 50px;background-color: rgb(77, 194, 71); color: #fff; line-height: 50px; font-size: 20px; color: #fff}
.kefu .quick a.q1{background-color: rgb(59, 89, 152);}

.more{text-align: center; margin: 30px 0;}
.more a{display: inline-block; border:1px #ddd solid; padding: 10px 20px; font-size: 18px;}
.more a:hover{background: #052c7d; color: #fff; border-color: #052c7d}

.indexAbout{font-size: 18px; width: 1200px; padding: 20px; margin: auto;}
.leftMenu.aa{
	list-style: none;
}